//作为路由的配置文件
/**
 * 一切路由相关的配置都在这里
 */
//引入 vue-router插件
import { createRouter, createWebHistory } from 'vue-router'
//引入一个Vue文件，可以使用 Home 这个名字来指向它，这个名字随意起
//此处引入自己写的vue文件
// import Myvue from '../components/myvue.vue'
//有两种路径模式 历史模式 哈希模式
const router = createRouter({
  history: createWebHistory(import.meta.env.BASE_URL),
  routes: [
    //在这配置路径 与组件之间的对应关系  
    {
            path: '/myvue',//浏览器输入 http://[ip]:[port]/hello的时候 指向这里
            component: () => import('../components/myvue.vue')//转发到HelloWorld.vue
	        //这样不需要在上面单独引入，属于懒加载，这个路径被访问了才会加载
    },  
    {
        path: '/myvue2',
        component: () => import('../components/myvue2.vue')
    }, 
     {
        path: '/demo1',
        component: () => import('../elementDemo/demo1.vue')
    },
    {path:'/',redirect:'/myvue'}
  ]
})

export default router